<template>
	<div class="layout-nav">
        <Menu mode="horizontal" theme="dark" active-name="1">
            <Row>
                <Col span="4">
                    <div class="layout-logo"></div>            
                </Col>
                <Col span="16">
                        <MenuItem name="1">
                            <Icon type="ios-navigate"></Icon>
                            生产环节
                        </MenuItem>
                        <MenuItem name="2">
                            <Icon type="ios-keypad"></Icon>
                            流通环节
                        </MenuItem>
                        <MenuItem name="3">
                            <Icon type="ios-analytics"></Icon>
                            消费环节
                        </MenuItem>
                        <MenuItem name="4">
                            <Icon type="ios-paper"></Icon>
                            财务预算配置
                        </MenuItem>
                </Col>
                <Col span="4">
      
                </Col>
            </Row>    
        </Menu>		
	</div>
</template>

<script>
    export default {
        data() {
            return {

            };
        },
        mounted() {

        },
        beforeDestroy() {

        },
        methods: {

        }
    };
</script>

<style scoped>
    .layout-logo{
        width: 100px;
        height: 30px;
        background: #5b6270;
        border-radius: 3px;
        float: left;
        position: relative;
        top: 15px;
        left: 20px;
    }

 </style> 